const xhr = null;
// 文件上传
const UpladFile = () => {
	// 获取文件
	const dom = document.getElementById('file'); 
	// 设置文件上传地址
	const url = '';

	// 创建文件对象
	const form = new FormData();
	form.append('file', dom);

	// 创建ajax
	xhr = new XMLHttpRequest();
	xhr.open('post', url, true); // post方式，url为服务器请求地址，true 该参数规定请求是否异步处理。
	xhr.onload = uploadComplete; //请求完成
  xhr.onerror =  uploadFailed; //请求失败

	// 开始上传，发送form数据
	xhr.send(form); 
}

//上传成功响应
const uploadComplete = evt => {
	//服务断接收完文件返回的结果
	const data = JSON.parse(evt.target.responseText);
	if(data.success) {
		alert("上传成功！");
	}else{
		alert("上传失败！");
	}
}

//上传失败
const uploadFailed = evt => {
	alert("上传失败！");
}

//取消上传
const cancleUploadFile = () => {
	xhr.abort();
}



// 文件下载
// 后端直接给地址
let a = document.createElement('a');
a.href = url;
a.download = filename;
a.click();

window.open(url)

window.localhost.href =  url

// 后端给的是文件流
// 请求的 responseType 设置成 arraybuffer 或者 blob，再使用URL.createObjectURL() 生产url实现查看下载
axios({
	url:"xxxxxx",
	responseType:'blob'
}).then(res =>{
	let url = URL.createObjectURL(res.data)  //  res.data 的类型要么是file，要么是blob
	let a = document.createElement('a');
	a.href = url;
	a.download = 'xxx.png';
	a.click();
	let img = document.createElement('img');
	img.src = url
})


// 在线查看pdf
document.getElementById('input').onchange = function(e){
	console.log(e.target.files[0])
	let URL = window.URL || window.webkitURL;
	let url = URL.createObjectURL(e.target.files[0]);
	window.open(url)
}

{/* <iframe id="viewer"> */}


const obj_url = window.URL.createObjectURL(blob);
const iframe = document.getElementById('viewer');
iframe.setAttribute('src', obj_url);
window.URL.revokeObjectURL(obj_url);